
.wf-req-forward-dialog{
  .ant-modal-footer{
    border-top:none;
    text-align:center;
    //margin-top:10px;
    //padding-bottom:24px;
  }
  .wf-weaRichText-Textarea{
    .wea-rich-text{
      span{
        textarea{
          min-height:210px !important;
          max-height:unset !important;
          height:210px !important;
        }
      }
    }
  }
}

.wea-req-forward-modal {
  z-index: 1050 !important;
  /*align-items: center;
  display: flex;*/

  .wea-workflow-icon {
    font-size: 22px;
    background: #0079DE;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
  }
  .ant-modal-header {
    padding: 0px 0px;
    background: #f9f9f9;
    border-bottom-color: #eee;
    .ant-row {
      span {
        color: #484848;
        font-size: 14px;
      }
    }
  }
  .ant-modal-footer {
    text-align: center;
    height: 80px;
    padding: 24px 0px;
    border-top-width: 0px;
  }
  .wf-forward-iframe-hide{
    display: none;
  }
  .wf-forward-iframe{
    width: calc(100% + 2px);
    height: 100%;
    border-color: currentColor;
    border-width: medium;
    border-style: none;
    position: absolute;
    z-index: 999;
    pointer-events: none;
    border-image-source: none;
    border-image-slice: 100%;
    border-image-width: 1;
    border-image-outset: 0;
    border-image-repeat: stretch;
    left:-1px;
    top:-1px;
  }
  .wea-req-forward-content {
    margin: 0px 20px;
    
    .wea-req-forward-content-receive {
      margin-top: 20px;
      width: 100%;
      .label {
        float: left;
        height: 32px;
        line-height: 32px;
        color: #484848;
        font-size: 12px;
        margin-right: 10px;

        span:first-of-type {
          vertical-align: middle;
          color: #F00;
        }
      }
      .input {
        float: left;
        width: 550px;
      }
      .btns {
        float: left;
        margin-left: 10px;

        .ant-btn {
          padding: 0px;
          width: 32px;
          height: 32px;
          line-height: 32px;
          font-size: 16px;
        }
        .wea-workflow-icon {
          background: #fff;
          color: #484848;
          border: 1px solid #c3c3c3;
          border-radius: 5px;
          height: 32px;
          width: 32px;
          line-height: 32px;
          font-size: 21px;
          margin-right: 5px;
        }
        .wea-workflow-icon:hover {
          cursor: pointer;
          border-color: #2DB7F5;
          box-shadow: 0 0 1px #2DB7F5
        }
      }
    }

    .wea-req-forward-content-takovertime {
      line-height: 30px;
      padding-top: 16px;
      margin-left: 5px;
      color: #484848;
      .wea-switch {
        margin-left: 27px;
      }
      .wea-input-number {
        margin-left: 10px;
        width: 60px;
      }

      .timeset {
        display: inline;
        .text {
          margin-left: 10px;
        }
      }
    }

    .wea-req-forward-content-right {
      margin-top: 15px;
      width: 100%;
      height: 20px;
      .label {
        margin-right: 10px;
        margin-left: 10px;
      }

    }

    .wea-req-forward-content-remark {
      width: 100%;
      margin-top: 15px;

      .label {
        color: #484848;
        font-size: 12px;

        span:first-of-type {
          vertical-align: middle;
          color: #F00;
        }
      }
      .wrap-remark-list{
          border:1px solid #EAEAEA;
          border-bottom:0;
          padding-right:15px;
          line-height:40px;
          color:#6B6B6B;
          padding-left:10px;
          background:#F9F8F7;
          padding-bottom:10px;
          max-height:200px;
          overflow-y: auto;
          .remark_list_dom{
              margin-bottom:10px;
              .wf-req-sign-input-delete{
                position: absolute;
                right: 10px;
                top: 10px;
                cursor: pointer;
                color: #333;
              }
              .container_form_wrap{
                line-height:36px;
                border:1px solid #DDEAF6;
                background:#F9FCFF;
                margin-bottom:10px;
                  .container_form_wrap_span{
                      color:#333;
                      p{
                          color:#333;
                          white-space:nowrap;
                          text-overflow:ellipsis;
                          overflow:hidden;
                      }
                  }
                
            }
            .container_form_wrap:last-child{
                margin-bottom:0;
            }
          }
          .remark_list_dom:last-child{
            margin-bottom:0;
          }
          
      }

      .remark {
        width: 100%;
        position: relative;
        margin-top:0 !important;
        border:0 !important;
        border-top:0;
        textarea {
          width: 100%;
          height: 200px;
        }
        #forwardremark{
          .wea-autograph {
            .wea-autograph-noData{
              padding: 80px 0;
            }
          }
        }
      }
    }
  }

  .ant-modal-body {
    padding: 0px;
    margin: 0px;
  }
  .wf-forward-title {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: block;
}

.wea-req-forward-customer-me {
  width: 250px;
  z-index: 1050;

  .ant-popover-inner-content {
    padding: 0px;
    margin: 0px;

    .ant-popover-arrow {
      display: none;
    }
    .ant-popover-title {
      display: none;
    }
  }
}

.wea-req-operate-group {
  .wea-req-operate-content {
    .wea-scroll {
      height: 165px;
    }
    ul li {
      /*height: 55px;*/
      padding: 7.5px 10px;
    }
    ul li:hover {
      background: #ECF7FD;
      cursor: pointer;
    }

    .cg_title {
      color: #323232;
      word-break: break-all;
      display: block;
      white-space: pre-wrap;
      overflow: hidden;
    }
    .cg_detail {
      display: inline-block;
      width: 210px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #bfbfc0;
    }
  }
  .wea-req-operate-load-more {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
  }

  .wea-req-operate-add {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-top: 1px solid #e8e8e8;
    cursor: pointer;
  }
  .wea-req-all-operators {
    height: 55px;
    line-height: 55px;
    padding-left: 10px;
    color: #323232;
    cursor: pointer;
    border-bottom: 1px solid #e8e8e8;
  }
  .wea-req-all-operators:hover {
    background: #ECF7FD;
    cursor: pointer;
  }

}

.wea-req-forward-node-operator {
  width: 472px;
  box-shadow: 0 0 1px #f5f5f5;
  z-index: 1050;
  .ant-popover-inner-content {
    margin: 0px;
    padding: 0px;
  }
  .ant-popover-content {
    .ant-popover-arrow {
      display: none;
    }
    .ant-popover-title {
      display: none;
    }
  }
  .wea-req-node-operator {
    .title {
      height: 45px;
      line-height: 45px;
      background: #FAFAFA;
      color: #333333;
      border-bottom: 1px solid #E2E2E2;
      text-align: center;
    }
    .content {
      .wea-scroll {
        height: 165px;
      }
      .node-table {
        display: table;
        width: 100%;

        .node-item {
          display: table-row;
          height: 55px;
          width: 100%;

          .checkbox {
            padding-left: 15px;
            width: 38px;
            display: table-cell;
            //vertical-align: middle;
            height: 54px;
            border-bottom: 1px solid #E2E2E2
          }

          .nodename {
            width: 80px;
            height: 100%;
            display: table-cell;
            height: 54px;
            border-bottom: 1px solid #E2E2E2;

            span {
              width: 80px;
              height: 54px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: inline-flex;
            }
          }

          .operator {
            display: table-cell;
            //vertical-align: middle;
            //padding-left: 10px;

            //span {
            //  width: 310px;
            //  height: 40px;
            //  word-wrap: break-word;
            //  overflow: hidden;
            //  display: block;
            //}

            .node-user {
              margin: 3px;
              display: inline-block;
              padding: 2px 5px;
              cursor: pointer;
            }

            .node-user:hover {
              background: #2DB7F5;
              color: #FFF;
            }

            .selectedUser {
              background: #D4E8FC;
              color: #4D7AD8;
            }
          }
        }
      }
      .all-operator-name {
        width: 430px;
        padding: 15px;
        float: left;
      }
      .btn-back {
        width: 31px;
        margin-top: 15px;
        height: 50px;
        float: left;

        i {
          width: 18px;
          height: 18px;
          padding-top: 3px;
        }
        i:hover {
          background-color: #2db7f5;
          color: #fff;
          cursor: pointer;
        }

      }
      .no-data {
        height: 55px;
        width: 100%;
        line-height: 55px;
        text-align: center;
      }
    }
    .footer {
      height: 45px;
      line-height: 45px;
      text-align: right;
      border-top: 1px solid #E2E2E2;
      padding-right: 20px;
    }
  }
  .ant-tabs-nav {
    float: right;
  }
  .ant-tabs-bar > div:first-of-type {
    float: left !important;
    padding-left: 15px;
  }
  .ant-tabs-bar {
    margin-bottom: 0px;
  }
}

.wea-dialog-add-group-modal {
  .wea-content {
    padding-bottom: 30px;
  }
}